@import _custom.sass
@import "compass/css3/transition"
@import "compass/css3/box-shadow"

div#admin-toolbar.vertical
  z-index: 999
  
.editing-context-label 
  display: none
  
#context-extend-editor
  .context-editor-title
    font-size: 14px
  div.context-editor
    div.buttons
      display: none
  .item-list ul
    margin: 0
    padding: 0
  li
    position: relative
    list-style-type: none
    list-style-image: none
    padding: 0
    &.context-editable
      a
        text-decoration: none
      div.links
        position: absolute
        top: 0
        right: 0
#context-extend-disabled-blocks
  position: relative
  overflow: hidden
#context-extend-add-block-link, #context-extend-add-block-link-close
  position: fixed
  top: 20px
  right: 0px
  cursor: pointer
  padding: 10px
  font-weight: bold
  color: #FFF
  background-color: #6F6F6F
  +rounded_corners(10px, 0px, 0px, 10px, 'fixed')
/* hides contextual link gears when inline editor is active */
.context-editing .contextual-links-region:hover a.contextual-links-trigger,
.context-editing div.contextual-links-active a.contextual-links-trigger,
.context-editing div.contextual-links-active ul.contextual-links 
  display: none

/**
 * @file
 * Stylesheet for the context_extend module.
 */
.context-extend-customize 
  background-color: #E0E0D8
  border: 1px solid #CCCCCC
  overflow: hidden
  position: relative
  #disabled-blocks
    padding: 5px 0
    .region
      padding: 10px
    .block
      background-color: #444444
      color: #FFFFFF
      padding: 6px 4px 6px 8px
      margin: 3px 3px 3px 0
      float: left
      border-radius: 4px 4px 4px 4px
      position: relative
      &:hover
        background-color: #0074BD
      .content
        display: none
    h2
      display: inline
      font-weight: normal
      white-space: nowrap
      background: url("../images/draggable.png") no-repeat scroll 0 -39px transparent
      padding: 0 17px
    .block-placeholder
      width: 30px
      height: 1.6em
      display: block

.ui-sortable
  .block
    min-height: 1px

.block-placeholder
  display: block
  width: 100%
  height: 1.6em
  border-radius: 4px 4px 4px 4px
  float: left
  margin: 5px 0px
  padding: 6px 0px
  background-color: #FAD160
  position: relative
  border: 2px dashed #CCCCCC

.context-editable
  .edit-context
    display: block
  .done-context
    display: none


.context-editing 
  .edit-context 
    display: none
  .done-context
    display: block


#page
  .ui-sortable
    padding: 10px
    .block
      clear: both
      position: relative

.ui-sortable
  .draggable:hover
    a.context-block-remove,
    a.context-block-handle
      background: url(../images/context_reaction_block.png) no-repeat
      cursor: move
      display: block
      width: 40px
      height: 40px
      position: absolute
      right: 35px
      top: 5px
      z-index: 100
    a.context-block-remove
      background-position: -40px 0px
      cursor: pointer
      right: -5px
#context-extend-confirm
  display: none
  padding: 5px 15px
  background-color: #CCCCCC
  position: fixed
  bottom: 10px
  right: 5px
  color: #000
  .question
    margin-left: 20px
    padding: 5px
  .button
    width: 100px
    cursor: pointer
    border-color: #E4E4E4 #D2D2D2 #B4B4B4
    border-style: solid
    border-width: 1px
    background-color: #DDDDDD
    padding: 4px 14px
    margin: 0px 5px
    color: #3A3A3A
    border-radius: 6px
    &:hover
      color: #FFF
#dialog-update-ipe
  background-color: #CCCCCC
  bottom: 10px
  color: #000000
  padding: 5px 15px
  position: fixed
  right: 5px
  .question
    background-color: #DDDDDD
    cursor: pointer
    margin-left: 20px
    padding: 5px
    border-color: #E4E4E4 #D2D2D2 #B4B4B4
    border-style: solid
    border-width: 1px
    border-radius: 6px
#context-extend-links
  position: fixed
  top: 40px
  right: 0px
  background-color: #001020
  padding: 5px
  ul, li
    padding: 0px
    margin: 0px
  ul
    li
      list-style: none
  a
    color: #FFF
.show-border
  border: 2px dashed yellow
  min-height: 20px
  background-color: #c0c0c0





